<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3">
    <meta name="description" content="this is AllenChen 基于SSM的门诊管理系统 Web端">
    <meta name="author" content="ThemeBucket">
    <link rel="icon" href="../../images/hospital-icon.png" type="image/x-icon">  <!--在网页标题左侧显示图标-->
    <!--    <link rel="shortcut icon" href="./images/hospital-icon.png" type="image/x-svg">-->
    <link rel="shortcut icon" href="../../images/hospital-icon.png" type="image/x-icon"><!--在收藏夹显示图标-->

    <title>个人患者信息-门诊管理系统</title>



    <!--icheck-->
    <!--检查-->
    <link href="../../js/iCheck/skins/minimal/minimal.css" rel="stylesheet">
    <link href="../../js/iCheck/skins/square/square.css" rel="stylesheet">
    <link href="../../js/iCheck/skins/square/red.css" rel="stylesheet">
    <link href="../../js/iCheck/skins/square/blue.css" rel="stylesheet">

    <!--dashboard calendar-->
    <!--仪表版 日历-->
    <link href="../../css/clndr.css" rel="stylesheet">

    <!--Morris Chart CSS -->
    <!--莫里斯图表CSS-->
    <link rel="stylesheet" href="../../js/morris-chart/morris.css">

    <!--common-->
    <!--公共-->
    <link href="../../css/style.css" rel="stylesheet">
    <link href="../../css/style-responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--HTML5 shim和Respond.js对HTML5元素和媒体查询的IE8支持-->
    <!--[if lt IE 9]>
    <script src="../../js/html5shiv.js"></script>
    <script src="../../js/respond.min.js"></script>
    <![endif]-->

</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <!--左侧开始-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <!--侧边栏顶部图标+文字-->
        <div class="logo">
            <a href="index_patient.html">
                <img src="../../images/hospital-icon.png" alt="" style="width: 40px;height: 40px">
                <p style="display: inline-block;font-size: 24px;">门诊管理系统</p>
            </a>
        </div>

        <!--收起状态的侧边栏顶部图标-->
        <div class="logo-icon text-center">
            <a href="index_patient.html"><img src="../../images/hospital-icon.png" alt="" style="width: 40px;height: 40px"></a>
        </div>
        <!--logo and iconic logo end-->

        <div class="left-side-inner">

            <!--sidebar nav start-->
            <!--侧边栏-->
            <ul class="nav nav-pills nav-stacked custom-nav">

                <li class="menu-list nav-active">
                    <a href="">
                        <i class="fa fa-book"></i>
                        <span>个人中心</span>
                    </a>
                    <ul class="sub-menu-list">
                        <li class="active"><a href="myPatientInfo.html"> 个人患者信息</a></li>
                        <li><a href="myAppointmentList.html">个人预约</a></li>
                    </ul>
                </li>

                <li class="logout">
                    <a href="#">
                        <i class="fa fa-sign-in"></i>
                        <span>退出登录</span>
                    </a>
                </li>

            </ul>
            <!--sidebar nav end-->
            <!--侧边栏导航结束-->

        </div>
    </div>
    <!-- left side end-->
    <!-- 左侧 部分 结束 -->

    <!-- main content start-->
    <!--主内容开始-->
    <div class="main-content" >

        <!-- header section start-->
        <!--顶部菜单部分开始-->
        <div class="header-section">

            <!--toggle button start-->
            <!--拨动按钮-收起侧边栏-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->

            <!--notification menu start -->
            <!--通知菜单开始-->
            <div class="menu-right" id="headerApp">
                <ul class="notification-menu">

                    <li>
                        <a href="#" class="btn btn-default dropdown-toggle info-number logout" data-toggle="dropdown">
                            退出登录
                            <i class="fa fa-sign-out"></i>
                        </a>
                    </li>


                </ul>
            </div>
            <!--notification menu end -->
            <!--通知菜单结束-->
        </div>
        <!-- header section end-->
        <!--顶部菜单部分结束-->

        <!--body wrapper start-->
        <div class="wrapper" id="myPatientInfo">
            <div class="row">
                <div class="col-sm-12">
                    <div class="panel">
                        <header class="panel-heading">
                            个人患者信息
                            <div class="panel-body pull-right" style="position: relative;bottom: 20px">
                                <a href="#newPatientInfo" class="btn btn-info details" data-toggle="modal" @click="getPatientDetail()">修改患者信息</a>
                            </div>

                            <!--修改组件-->
                            <!-- Modal -->
                            <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="newPatientInfo" class="modal fade">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header" style="width: auto;height: auto">
                                            <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                            <h4 class="modal-title">修改患者信息</h4>
                                        </div>
                                        <div class="modal-body"  style="width: auto;height: auto;position: relative">
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">患者ID</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.patientId" class="col-sm-12" type="text" class="form-control" placeholder="请输入患者ID" disabled>
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">用户ID:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.userId" class="col-sm-12" type="text" class="form-control" placeholder="请输入用户ID" disabled>
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">患者姓名:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.patientName" class="col-sm-12" type="text" class="form-control" placeholder="请输入患者姓名">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">出生年月日:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.returnPatientDob" class="col-sm-12" type="text" class="form-control" placeholder="请输入出生年月日">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">年龄:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.age" class="col-sm-12" type="text" class="form-control" placeholder="请输入年龄">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">年龄（月）:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.ageMon" class="col-sm-12" type="text" class="form-control" placeholder="请输入年龄（月）">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">血型:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.blood" class="col-sm-12" type="text" class="form-control" placeholder="请输入血型">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">性别:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.sexName" class="col-sm-12" type="text" class="form-control" placeholder="请输入性别">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">婚姻状况:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.maritalStatusName" class="col-sm-12" type="text" class="form-control" placeholder="请输入婚姻状况">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">国籍:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.nationality" class="col-sm-12" type="text" class="form-control" placeholder="请输入国籍">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">籍贯:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.nativePlace" class="col-sm-12" type="text" class="form-control" placeholder="请输入籍贯">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">身份证号码:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.documentNo" class="col-sm-12" type="text" class="form-control" placeholder="请输入身份证号码">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">家庭地址:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.homeAddress" class="col-sm-12" type="text" class="form-control" placeholder="请输入家庭地址">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">现居地:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.nowAddress" class="col-sm-12" type="text" class="form-control" placeholder="请输入现居地">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">电话号码:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.phone" class="col-sm-12" type="text" class="form-control" placeholder="请输入电话号码">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">邮箱:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.email" class="col-sm-12" type="text" class="form-control" placeholder="请输入邮箱">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">身高:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.height" class="col-sm-12" type="text" class="form-control" placeholder="请输入身高">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">体重:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.weight" class="col-sm-12" type="text" class="form-control" placeholder="请输入体重">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">工作单位名称:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.workCompanyName" class="col-sm-12" type="text" class="form-control" placeholder="请输入工作单位名称">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">单位电话:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.workCompanyPhone" class="col-sm-12" type="text" class="form-control" placeholder="请输入单位电话">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">职务名称:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.positionName" class="col-sm-12" type="text" class="form-control" placeholder="请输入职务名称">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">紧急联系人电话:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.emergencyContactPhoneNo" class="col-sm-12" type="text" class="form-control" placeholder="请输入紧急联系人电话">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">紧急联系人姓名:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.emergencyContactName" class="col-sm-12" type="text" class="form-control" placeholder="请输入紧急联系人姓名">
                                                </div>
                                            </div>
                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                <label class="col-sm-4 control-label">紧急联系人关系:</label>
                                                <div class="col-sm-8">
                                                    <input v-model="modifyPatientDetail.emergencyContactRelationship" class="col-sm-12" type="text" class="form-control" placeholder="请输入紧急联系人关系">
                                                </div>
                                            </div>

                                        </div>
                                        <div class="modal-footer"  style="width: auto;height: auto;border: none">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-success" @click="modifyPatientDetailButton()">确认</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </header>
                        <div class="panel-body" id="staffInfoApp">
                            <form class="form-horizontal adminex-form col-sm-12" method="get">
                                <h3>患者信息</h3>

                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">用户ID:</span>
                                        <input v-model="patientDetail.userId" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>

                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">患者姓名:</span>
                                        <input v-model="patientDetail.patientName" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">出生年月日:</span>
                                        <input v-model="patientDetail.returnPatientDob" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">年龄:</span>
                                        <input v-model="patientDetail.age" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">年龄（月）:</span>
                                        <input v-model="patientDetail.ageMon" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">血型:</span>
                                        <input v-model="patientDetail.blood" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">性别:</span>
                                        <input v-model="patientDetail.sexName" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">婚姻状况:</span>
                                        <input v-model="patientDetail.maritalStatusName" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">国籍:</span>
                                        <input v-model="patientDetail.nationality" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">籍贯:</span>
                                        <input v-model="patientDetail.nativePlace" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">身份证号:</span>
                                        <input v-model="patientDetail.documentNo" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">家庭地址:</span>
                                        <input v-model="patientDetail.homeAddress" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">现居地:</span>
                                        <input v-model="patientDetail.nowAddress" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">电话号码:</span>
                                        <input v-model="patientDetail.phone" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">邮箱:</span>
                                        <input v-model="patientDetail.email" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">身高(cm):</span>
                                        <input v-model="patientDetail.height" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>

                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">体重(kg):</span>
                                        <input v-model="patientDetail.weight" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-5">工作单位名称:</span>
                                        <input v-model="patientDetail.workCompanyName" class="col-sm-7" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">单位电话:</span>
                                        <input v-model="patientDetail.workCompanyPhone" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">职务名称:</span>
                                        <input v-model="patientDetail.positionName" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">紧急联系人电话:</span>
                                        <input v-model="patientDetail.emergencyContactPhoneNo" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">紧急联系人名称:</span>
                                        <input v-model="patientDetail.emergencyContactName" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-sm-12 control-label">
                                        <span class="col-sm-4">紧急联系人关系:</span>
                                        <input v-model="patientDetail.emergencyContactRelationship" class="col-sm-8" type="text" placeholder="" disabled>
                                    </label>
                                </div>

                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!--body wrapper end-->

        <!--footer section start-->
        <!--页脚部分开始-->
        <footer>
            2022 &copy; <a href="https://gitee.com/allen-zc/OutpatientManagementSystem" target="_blank">基于SSM的门诊管理系统</a>
            -
            <a href="https://gitee.com/allen-zc" target="_blank">AllenChen曾晨</a>
            -
            <p style="display: inline-block">ALL RIGHTS RESERVED.</p>
        </footer>
        <!--footer section end-->
        <!--页脚部分结束-->

    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="../../js/jquery-1.10.2.min.js"></script>
<script src="../../js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="../../js/jquery-migrate-1.2.1.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/modernizr.min.js"></script>
<script src="../../js/jquery.nicescroll.js"></script>

<!--easy pie chart-->
<script src="../../js/easypiechart/jquery.easypiechart.js"></script>
<script src="../../js/easypiechart/easypiechart-init.js"></script>

<!--Sparkline Chart-->
<script src="../../js/sparkline/jquery.sparkline.js"></script>
<script src="../../js/sparkline/sparkline-init.js"></script>

<!--icheck -->
<script src="../../js/iCheck/jquery.icheck.js"></script>
<script src="../../js/icheck-init.js"></script>

<!-- jQuery Flot Chart-->
<script src="../../js/flot-chart/jquery.flot.js"></script>
<script src="../../js/flot-chart/jquery.flot.tooltip.js"></script>
<script src="../../js/flot-chart/jquery.flot.resize.js"></script>


<!--Morris Chart-->
<script src="../../js/morris-chart/morris.js"></script>
<script src="../../js/morris-chart/raphael-min.js"></script>

<!--Calendar-->
<script src="../../js/calendar/clndr.js"></script>
<script src="../../js/calendar/evnt.calendar.init.js"></script>
<script src="../../js/calendar/moment-2.2.1.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>

<!--common scripts for all pages-->
<script src="../../js/scripts.js"></script>

<!--Dashboard Charts-->
<script src="../../js/dashboard-chart-init.js"></script>

<script src="https://unpkg.zhimg.com/vue"></script>
<!--&lt;!&ndash; 开发环境版本，包含了有帮助的命令行警告 &ndash;&gt;-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>-->
<!--&lt;!&ndash; 生产环境版本，优化了尺寸和速度 &ndash;&gt;-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>-->
<!--axios-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

<!--退出登录的方法-->
<script  type="text/javascript" charset="GB2312"  src="../../userjs/logout.js"></script>
<!--工具箱-->
<script src="../../js/utils.js"></script>

<script>

    let myPatientInfo = new Vue({
        el:'#myPatientInfo',
        data:{
            addPatientId:'',
            patientDetail:{},

            modifyPatientDetail:{},
        },
        methods:{
            // 加载患者详情
            loadPatientInfo:function () {
                let form = new FormData();
                form.append("patientId",this.addPatientId);
                axios({
                    url:"/oms/patient/selectPatientDetail",
                    method:"post",
                    data:form
                }).then(function (res) {
                    myPatientInfo.patientDetail = res.data
                }).catch(function(error){
                    //失败运行这里,输出错误信息
                    alert(error)
                    console.log(error);
                })
            },
            // 修改 获取患者信息
            getPatientDetail:function () {
                let form = new FormData();
                form.append("patientId",this.addPatientId);
                axios({
                    url:"/oms/patient/selectPatientDetail",
                    method:"post",
                    data:form
                }).then(function (res) {
                    myPatientInfo.modifyPatientDetail = res.data
                }).catch(function(error){
                    //失败运行这里,输出错误信息
                    alert(error)
                    console.log(error);
                })
            },
            // 修改 患者信息按钮
            modifyPatientDetailButton:function () {
                if (this.modifyPatientDetail.sexName=='男'){
                    this.modifyPatientDetail.sex = 0
                }
                if (this.modifyPatientDetail.sexName=='女'){
                    this.modifyPatientDetail.sex = 1
                }
                if (this.modifyPatientDetail.sexName=='未知'){
                    this.modifyPatientDetail.sex = 2
                }

                if (this.modifyPatientDetail.maritalStatusName=='未婚'){
                    this.modifyPatientDetail.maritalStatus = 0
                }
                if (this.modifyPatientDetail.maritalStatusName=='已婚'){
                    this.modifyPatientDetail.maritalStatus = 1
                }
                if (this.modifyPatientDetail.maritalStatusName=='离偶'){
                    this.modifyPatientDetail.maritalStatus = 2
                }
                if (this.modifyPatientDetail.maritalStatusName=='离婚'){
                    this.modifyPatientDetail.maritalStatus = 3
                }
                if (this.modifyPatientDetail.maritalStatusName=='其他'){
                    this.modifyPatientDetail.maritalStatus = 4
                }

                let form = new FormData();
                form.append("patientId",this.modifyPatientDetail.patientId);
                form.append("userId",this.modifyPatientDetail.userId);
                form.append("patientName",this.modifyPatientDetail.patientName);
                form.append("patientDob",this.modifyPatientDetail.returnPatientDob);
                form.append("age",this.modifyPatientDetail.age);
                form.append("ageMon",this.modifyPatientDetail.ageMon);
                form.append("blood",this.modifyPatientDetail.blood);
                form.append("sex",this.modifyPatientDetail.sex);
                form.append("maritalStatus",this.modifyPatientDetail.maritalStatus);
                form.append("nationality",this.modifyPatientDetail.nationality);
                form.append("nativePlace",this.modifyPatientDetail.nativePlace);
                form.append("documentNo",this.modifyPatientDetail.documentNo);
                form.append("homeAddress",this.modifyPatientDetail.homeAddress);
                form.append("nowAddress",this.modifyPatientDetail.nowAddress);
                form.append("phone",this.modifyPatientDetail.phone);
                form.append("email",this.modifyPatientDetail.email);
                form.append("height",this.modifyPatientDetail.height);
                form.append("weight",this.modifyPatientDetail.weight);
                form.append("workCompanyName",this.modifyPatientDetail.workCompanyName);
                form.append("workCompanyPhone",this.modifyPatientDetail.workCompanyPhone);
                form.append("positionName",this.modifyPatientDetail.positionName);
                form.append("emergencyContactPhoneNo",this.modifyPatientDetail.emergencyContactPhoneNo);
                form.append("emergencyContactName",this.modifyPatientDetail.emergencyContactName);
                form.append("emergencyContactRelationship",this.modifyPatientDetail.emergencyContactRelationship);
                axios({
                    url:"/oms/patient/updatePatient",
                    method:"post",
                    data:form
                }).then(function (res) {
                   if (res.data=='ok'){
                       alert("信息修改成功")
                       location.reload()
                   }
                }).catch(function(error){
                    //失败运行这里,输出错误信息
                    alert(error)
                    console.log(error);
                })
            },
            // 获取patientId
            getPatientId:function () {
                this.addPatientId = patientId
            }

        },
        created:function () {
            this.getPatientId()
            this.loadPatientInfo()
        }
    })

</script>




</body>
</html>
